<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>SemanticFinder Settings</title>
    <link rel="stylesheet" href="options.css">
</head>

<body>
<div class="container">
    <label for="modelSelector">Model Selector:</label>
    <select id="modelSelector">
        <option value="TaylorAI/gte-tiny" selected>gte-tiny (23 MB)</option>
        <option value="Supabase/gte-small">gte-small (34 MB)</option>
        <option value="Xenova/gte-base">gte-base (110 MB)</option>                               
        <option value="Xenova/gte-large">gte-large (337 MB)</option>   
        <option value="Xenova/all-MiniLM-L6-v2">all-MiniLM-L6-v2 (23 MB)</option>
        <option value="Xenova/multilingual-e5-small">multilingual-e5-small (118 MB)</option>
        <option value="Xenova/distiluse-base-multilingual-cased-v2">distiluse-base-multilingual-cased-v2 (135 MB)</option>
        <option value="Xenova/e5-large-v2">e5-large-v2 (335 MB)</option>
        <option value="Xenova/bge-small-en-v1.5">bge-small-en-v1.5 (34 MB)</option>
        <option value="Xenova/bge-base-en-v1.5">bge-base-en-v1.5 (110 MB)</option>
        <option value="Xenova/e5-base-v2">e5-base-v2 (110 MB)</option>
        <option value="Xenova/kobert">kobert (92 MB)</option>
    </select>

    <br><br>

    <label for="minCharsInput">Min # chars to split by:</label>
    <input type="number" id="minCharsInput" min="2" value="50">

    <br><br>
    <button id="restoreButton" class="rectangular-button">Restore Defaults</button>

    <button id="saveButton" class="rectangular-button">Save Settings</button>
</div>

<script src="options.js"></script>
</body>

</html>
